
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge"/>
    <link rel="shortcut icon" href="favicon.ico"/>

    <title>后台管理系统</title>
    <style>
        #master-layout {
            display: none;
        }
        #theme-login-layout .layout-panel-north .layout-body,
        .theme-header-layout
        { height:46px; !important; background:#1d1d1d url(img/admin_logo.png) left center no-repeat !important;}

    </style>

    <link href="//static1.finchain.top/easyui-insdep/1.0.4/themes/insdep/easyui.css" rel="stylesheet" type="text/css">
    <link href="//static1.finchain.top/easyui-insdep/1.0.4/themes/insdep/easyui_animation.css" rel="stylesheet"
          type="text/css">
    <link href="//static1.finchain.top/easyui-insdep/1.0.4/themes/insdep/easyui_plus.css" rel="stylesheet"
          type="text/css">
    <link href="//static1.finchain.top/style.css" rel="stylesheet" type="text/css">
    <link href="//static1.finchain.top/easyui-insdep/1.0.4/themes/insdep/insdep_theme_default.css" rel="stylesheet"
          type="text/css">
    <link href="//static1.finchain.top/easyui-insdep/1.0.4/themes/insdep/icon.css" rel="stylesheet" type="text/css">
    <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="//static1.finchain.top/easyui-insdep/1.0.4/jquery.min.js"></script>
    <script type="text/javascript" src="//static1.finchain.top/easyui-insdep/1.0.4/jquery.easyui-1.5.1.min.js"></script>
    <script type="text/javascript"
            src="//static1.finchain.top/easyui-insdep/1.0.4/themes/insdep/jquery.insdep-extend.min.js"></script>
    <script type="text/javascript"
            src="//static1.finchain.top/easyui-insdep/1.0.4/datagrid-filter.min.js"></script>
    <script type="text/javascript"
            src="/assets/js/easyui.overwrite.js"></script>
    <script type="text/javascript"
            src="/assets/js/easyui.commons.js"></script>
    <script type="text/javascript"
            src="/assets/js/easyui.vtypes.js"></script>
    <script type="text/javascript"
            src="/assets/js/k.utils.js"></script>

    <script type="text/javascript"
            src="/assets/js/easyui.overwrite.js"></script>

    <style>
        .panel-loading{
            position:absolute;
            top:50%;
            left:50%;
        }
    </style>
</head>

<body>
<div id="loader">请点击左侧菜单进行打开</div>
<div id="master-layout">
    <div data-options="region:'north',border:false,bodyCls:'theme-header-layout'">
        <div class="theme-navigate">
            <div class="left">
                <a href="#" class="easyui-linkbutton left-control-switch"><i class="fa fa-bars fa-lg"></i></a>
                <select id="system" class="easyui-combobox theme-navigate-combobox" name="dept" style="width:120px;">
                    <option>Finchain</option>
                </select>

                <a id="reload-menu" href="javascript:;" class="easyui-linkbutton"><i class="fa fa-refresh"></i> </a>

            </div>
            <div class="right">
                <input class="easyui-searchbox theme-navigate-search"
                       data-options="prompt:'输入搜索的关键词..',menu:'#mm',searcher:doSearch" style="width:300px"></input>
                <a href="#" class="easyui-menubutton theme-navigate-user-button"
                   data-options="menu:'.theme-navigate-user-panel'">系统管理员</a>
              
                <div id="mm" class="theme-navigate-menu-panel">
                    <div data-options="name:'all'">全部内容</div>
                    <div data-options="name:'sports'">功能</div>
                </div>
                <div class="theme-navigate-user-panel">
                    <dl>
                        <dd>
                            <img src="http://reald-upload.oss-cn-beijing.aliyuncs.com/default_head.png" width="86"
                                 height="86">
                            <b class="badge-prompt"><a href="javascript:;" class="theme-navigate-user-modify">系统管理员</a><i
                                    class="badge color-important">0</i></b>
                            <span>admin</span>
                            <p>安全等级：<i class="text-success">高</i></p>
                        </dd>
                        <dt>
                            <a class="theme-navigate-user-changepwd">修改密码</a>
                            <a class="theme-navigate-user-logout">注销</a>
                        </dt>
                    </dl>
                </div>
            </div>
        </div>

    </div>

    <!--开始左侧菜单-->
    <div data-options="region:'west',border:false,bodyCls:'theme-left-layout'" style="width:200px;">

        <!--正常菜单-->
        <div class="theme-left-normal">
            <!--theme-left-switch 如果不需要缩进按钮，删除该对象即可-->
            <div class="left-control-switch theme-left-switch"><i class="fa fa-chevron-left fa-lg"></i></div>

            <div class="easyui-layout" data-options="border:false,fit:true">
                <div data-options="region:'north',border:false" style="height:100px;">
                    <div class="theme-left-user-panel">
                        <dl>
                            <dt>
                                <img src="http://reald-upload.oss-cn-beijing.aliyuncs.com/default_head.png" width="43"
                                     height="43">
                            </dt>
                            <dd>
                                <b class="badge-prompt">系统管理员 <i
                                        class="badge color-important">0</i></b>
                                <span>admin</span>
                                <p>安全等级：<i class="text-success">高</i></p>
                            </dd>
                        </dl>
                    </div>
                </div>

                <div data-options="region:'center',border:false">
                    <div id="main-menu" class="easyui-panel" data-options="border:false,fit:true"></div>
                </div>
            </div>

        </div>
        <!--最小化菜单-->
        <div class="theme-left-minimal">
            <ul class="easyui-datalist" data-options="border:false,fit:true">
                <li><i class="fa fa-home fa-2x"></i>
                    <p>主题</p>
                </li>
                <li><i class="fa fa-book fa-2x"></i>
                    <p>组件</p>
                </li>
                <li><i class="fa fa-pencil fa-2x"></i>
                    <p>编辑</p>
                </li>
                <li><i class="fa fa-cog fa-2x"></i>
                    <p>设置</p>
                </li>
                <li>
                    <a class="left-control-switch"><i class="fa fa-chevron-right fa-2x"></i>
                        <p>打开</p>
                    </a>
                </li>
            </ul>
        </div>

    </div>
    <!--结束左侧菜单-->

    <div data-options="region:'center',border:false,href:'/admin/home'" id="control"
         style="background:#fff;">
    </div>
</div>
<script>
    $(function () {
        $('#loader').hide();
        $('#master-layout').show().layout({
            fit: true /*布局框架全屏*/
        });

        /*左侧菜单控制部分*/
        var left_control_status = true;
        var left_control_panel = $("#master-layout").layout("panel", 'west');
        $('#system').combobox({
            'onChange': function (newValue, oldValue) {
                $('#main-menu').panel('refresh', 'menu.html');
            }
        });
        $('#reload-menu').click(function () {
            $('#main-menu').panel('refresh');
        });
        $(".left-control-switch").on("click", function () {
            if (left_control_status) {
                left_control_panel.panel('resize', {width: 70});
                left_control_status = false;
                $(".theme-left-normal").hide();
                $(".theme-left-minimal").show();
            } else {
                left_control_panel.panel('resize', {width: 200});
                left_control_status = true;
                $(".theme-left-normal").show();
                $(".theme-left-minimal").hide();
            }
            $("#master-layout").layout('resize', {width: '100%'})
        });

        /*右侧菜单控制结束*/

        $(".theme-navigate-user-modify").on("click", function () {
            $('.theme-navigate-user-panel').menu('hide');
            $.insdep.window({id: "personal-set-window", href: "", title: "个人信息 - 系统管理员"});

        });
        $(".theme-navigate-user-changepwd").on("click", function () {
            $('.theme-navigate-user-panel').menu('hide');
            $.system.formdialog({

                title: "修改密码",
                width:400,
                height:450
            });

        });
        $(".theme-navigate-user-logout").on("click", function () {
            $('.theme-navigate-user-panel').menu('hide');
            $.messager.confirm('提示', '确定要注销当前用户的登录吗？', function (r) {
                if (r) {
                    $.messager.progress({msg: '正在注销'});
                    $.post('').success(function () {
                        window.location.reload(true);
                    }).complete(function () {
                        $.messager.progress('close');
                    });
                }
            });
        });
        //初始化菜单
        $('#main-menu').panel('refresh', '/admin/menu');

    });

    function doSearch(value, name) {
        alert('You input: ' + value + '(' + name + ')');
    }

</script>

<!--第三方插件加载-->
<script src="//cdn.bootcss.com/raphael/2.2.7/raphael.min.js"></script>
<script src="//cdn.bootcss.com/justgage/1.2.9/justgage.min.js"></script>
<script src="//cdn.bootcss.com/highcharts/5.0.11/highcharts.js"></script>
<script src="/admin/ueditor/ueditor.config.js"></script>
<script src="/admin/ueditor/ueditor.all.js"></script>
<script src="/admin/ueditor/lang/zh-cn/zh-cn.js"></script>
<link href="//cdn.bootcss.com/cropper/2.3.4/cropper.min.css" rel="stylesheet" type="text/css">
<script src="//cdn.bootcss.com/cropper/2.3.4/cropper.min.js"></script>
<!--第三方插件加载结束-->
<link href="/assets/css/form.css" rel="stylesheet" type="text/css">

</body>

</html>